<template>
  <v-card>
    <div class="card-content">
      <v-list-item three-line>
        <v-list-item-avatar
          tile
          size="80"
          color="grey"
        >
        <v-img :src="scholar.avatar"></v-img>
        </v-list-item-avatar>
      
        <v-list-item-content>
          <v-list-item-title class="text-h5 mb-1">
            {{scholar.name}}
          </v-list-item-title>
          <v-list-item-subtitle>
          <div class="scholar-stat stat-h">h-index: {{scholar.h_index || 0}}</div>
          <div class="scholar-stat stat-p">论文数: {{scholar.n_pubs || 0}}</div>
          <div class="scholar-stat stat-c">引用数: {{scholar.n_citation || 0}}</div>
          </v-list-item-subtitle>
        </v-list-item-content>
      </v-list-item>
      
      <div class="card-action">
        <v-card-actions>
          <slot name="action"></slot>
        </v-card-actions>
      </div>
    </div>
  </v-card>
</template>

<script>
export default {
  name: "ScholarCard",
  props:['scholar'],
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>

<style lang="sass" scoped>
.v-card
  width: 100%

.card-content
  display: flex

.card-action
  align-items: center
  display: flex
  right: 0
</style>
